$(function() {
  // 显示注册表单
  $('#showReg').on('click', function() {
    $('.login-form')
      .hide()[0]
      .reset()
    $('.reg-form').show()
  })

  // 显示登录表单
  $('#showLogin').on('click', function() {
    $('.login-form').show()
    $('.reg-form')
      .hide()[0]
      .reset()
  })

  var form = layui.form
  // 自定义的表单校验规则
  form.verify({
    // 校验两次输入的密码是否一致
    repassword: function(value) {
      var pwd1 = $('#pwd1').val()
      if (pwd1 !== '' && value !== '' && pwd1 !== value) {
        return '两次密码不一致！'
      }
    },
    // 校验密码长度
    pwdLength: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格']
  })

  // 触发注册表单的 submit 事件
  $('.reg-form').on('submit', function(e) {
    // 阻止表单的默认提交行为
    e.preventDefault()
    // 发起请求，注册新用户
    $.post('/api/reguser', $(this).serialize(), function(res) {
      if (res.status !== 0) {
        return layer.msg(res.message)
      }
      layer.msg('注册成功，请登录！')
      // 展示登录表单
      $('#showLogin').click()
    })
  })

  // 触发登录表单的 submit 事件
  $('.login-form').on('submit', function(e) {
    e.preventDefault()
    // 实现登录功能
    $.post('/api/login', $(this).serialize(), function(res) {
      if (res.status !== 0) {
        // 登录失败
        return layer.msg(res.message)
      }
      layer.msg('登录成功！')
      // 将 token 令牌存储到客户端本地
      localStorage.setItem('token', res.token)
      // 跳转到后台主页
      location.href = './index.html'
    })
  })
})
